home *** CD-ROM | disk | FTP | other *** search
/ MacWorld 1999 February / Macworld (1999-02).dmg / Shareware World / Shareware Feature / PageSpinner 2.0.1 / Examples / JavaScript / Dynamic Document Stationery < prev    next >
Text File  |  1997-06-17  |  6KB  |  212 lines
  1. <HTML>
  2. <HEAD>
  3. <TITLE>Dynamic Document</TITLE>
  4.  
  5. <SCRIPT LANGUAGE="JavaScript">
  6. <!-- Beginning of JavaScript --------
  7. /*
  8.     Dynamic Document
  9.     Written by Jerry Aman, Optima System, Aug 2, 1996. 
  10.     Modified Aug 13, 1996
  11.  
  12.     September 24: Added a tweak that will make the time 
  13.     to be displayed correctly in Navigator 3.0.
  14.     The time seem to be offset by one hour, maybe this have
  15.     something to do with daylight savings?
  16.  
  17.     Part of the PageSpinner distribution.
  18.  
  19.     We will not be held responsible for any unwanted 
  20.     effects due to the usage of this script or any derivative.  
  21.     No warrantees for usability for any specific application are 
  22.     given or implied.
  23.  
  24.     You are free to use and modify this script,
  25.     if the credits above are given in the source code
  26. */
  27.  
  28. // getHourOfDay()
  29. // Returns: Integer containing the hour 0-24
  30.  
  31. function getHourOfDay()
  32. {       var now = new Date();
  33.         return(now.getHours());
  34. }
  35.  
  36.  
  37. // getTime()
  38. // Returns: Text containing the time in the format HH:MM
  39.  
  40. function getTime()
  41. {       
  42.     var now = new Date();
  43.     var minutes = now.getMinutes();
  44.     var divider = ":";
  45.  
  46.     if (minutes<10)
  47.         divider = ":0";
  48.  
  49.         // Hack to get it to display the time 
  50.         // correctly in version 3.0, (adjust for offset)
  51.     if (navigator.appVersion.lastIndexOf('3.') != -1 )
  52.         return( now.getHours()-1 + divider + minutes );
  53.  
  54.         // Other versions may work with this ?    
  55.     return( now.getHours() + divider + minutes );
  56. }
  57.  
  58.  
  59. // isMacintoshBrowser()
  60. // Returns: Boolean value, true if the browser is running under MacOS
  61.  
  62. function isMacintoshBrowser()
  63. { 
  64.     return(navigator.appVersion.lastIndexOf('Mac') != -1 );
  65. }
  66.  
  67.  
  68. // sayHello ()
  69. // Inserts text dynamically in the document when it is called
  70. // Note that all text are dynamically inserted into the document
  71. // when a call to  this function are made in the BODY part of the file.
  72.  
  73. function sayHello ()
  74. {
  75.  
  76.  
  77.     document.write(    "I see that the time is <B>" + 
  78.                 getTime() + 
  79.                 "</B>, so I wish you" );
  80.  
  81.  
  82.     if(getHourOfDay()<5 || getHourOfDay()>19)
  83.         document.write('<FONT COLOR="2C396D"> a good night!</FONT>');
  84.     else 
  85.     {
  86.         if ( getHourOfDay() <11) 
  87.         {
  88.             document.write('<FONT COLOR="52A553"> a good morning!</FONT>');
  89.         } 
  90.         else 
  91.         { 
  92.             document.write('<FONT COLOR="ED363C"> a good day!</FONT>');
  93.         }
  94.     }
  95. }
  96.  
  97. // -- End of JavaScript code -------------- -->
  98. </SCRIPT>
  99.  
  100. </HEAD>
  101. <BODY BGCOLOR=FFFFFF TEXT=000000>
  102. <H1>JavaScript Dynamic Document</H1>
  103.  
  104. <B>This stationery page contains JavaScript that creates a dynamic page</B>
  105. <P>
  106. Please note that JavaScript is currently only available in Netscape Navigator 2.0 or higher. <BR>
  107. <FONT COLOR="931B15">Do not assume that all in your audience are using a JavaScript enabled browser.</FONT>
  108. <HR>
  109. Here is an example on how JavaScript can be used to provide a dynamic page that will change its contents depending upon the local time specified in the browser's system and the OS that is used by the reader.
  110. <P>
  111.  
  112. <!-- 1) Let the reader know the browser ID used
  113.       (this is often logged by servers for keeping statistics) -->
  114.  
  115. Welcome <B><SCRIPT>
  116. <!--
  117. document.write(navigator.userAgent)
  118. // -->
  119. </SCRIPT></B>!
  120. <P>
  121.  
  122.  
  123. <!-- 2) Tell the name of the browser used -->
  124.  
  125. <SCRIPT>
  126. <!--
  127. document.write("Nice to see that you use ", navigator.appName," ", navigator.appVersion, ".")
  128. // -->
  129. </SCRIPT>
  130. <P>
  131.  
  132.  
  133. <!-- 3) Say something that depends upon the readers local time -->
  134. <!-- This is all done in the function sayHello -->
  135.  
  136. <SCRIPT>
  137. <!--
  138. sayHello()
  139. // -->
  140. </SCRIPT>
  141.  
  142.  
  143. <!-- 4) Finally, say something special to the MacOS users -->
  144.  
  145. <SCRIPT>
  146. <!--
  147.  
  148. if (isMacintoshBrowser())
  149.     document.write(
  150.     '<P><FONT COLOR="385FD1">Very, very nice to see that you are using MacOS!</FONT>'); 
  151. else
  152.     document.write(
  153.     '<P>Sad too see that you are not using a Mac to view this page.')
  154. // -->
  155. </SCRIPT>
  156.  
  157. <HR>
  158.  
  159. <P>
  160. <B>How to use:</B><BR>
  161. Four small scripts are embedded inside the text contents of this file. The scripts are executed - and inserts text - when the page is being loaded. View the source file to see how this is done. Every function is commented.
  162. <P>
  163. Replace the contents inside the script with calls to your own test functions and add text you want to have displayed inside <FONT COLOR="FF3366"><CODE>document.write()</CODE></FONT> function inside the script. It is recommended to create functions  for complex scripts and place these in the HEAD section, see the <TT>sayHello</TT> function for an example of this. 
  164.  
  165. <P>
  166. Make sure that all text is placed inside the <FONT COLOR="FF3366"><CODE>document.write()</CODE></FONT> function, otherwise it will not look good on browsers that don't support JavaScript.
  167.  
  168. <P>
  169. Edit this page or copy selected scripts to create your own dynamic page!
  170. <P>
  171. <HR>
  172. <P>
  173. <B>Example code for the first dynamic text above:</B>
  174. <XMP>Welcome <B><SCRIPT>
  175. <!--
  176. document.write(navigator.userAgent)
  177. // -->
  178. </SCRIPT></B>!</XMP>
  179.  
  180. Note that the text "<B>Welcome !</B>" is the only text that will be displayed in browsers that don't support JavaScript.
  181. <P>
  182.  You <I>may</I> also write the script without the <FONT COLOR="555555"><!--</FONT> comment (see below), but if you do this the actual script may show up in a browser that doesn't support JavaScript. This is not recommended:
  183. <FONT COLOR="FF3366"><XMP>Welcome, <B><SCRIPT>document.write(navigator.userAgent);</SCRIPT></B>!
  184. </XMP></FONT>
  185.  
  186. <P>
  187. <HR>
  188. <P>
  189. <B>This function located in the HEAD section returns true if the browser is running on a Mac:</B><BR>
  190.  
  191. <XMP>function isMacintoshBrowser()
  192. { 
  193.   return(navigator.appVersion.lastIndexOf('Mac') != -1 );
  194. }
  195. </XMP>
  196.  
  197. The function can be used inside a script like this:
  198. <XMP>if (isMacintoshBrowser())
  199.   document.write('Mac specific text...'); 
  200. else
  201.   document.write('Text for other platforms...')
  202. </XMP>
  203. <P>
  204. <HR>
  205. <P>
  206. <B>Bug note:</B><BR>
  207. In this version of the script I have modified the getTime() so that it will make the time to be displayed correctly in Navigator 3.0 (and 2.0). The time seem to be offset by one hour in the 3.0 version compared to the 2.0 version! This may have something to do with daylight saving time (or maybe not...).
  208.  
  209. <P>
  210. </BODY>
  211. </HTML>
  212.